@charset "utf-8";
@component-namespace t {
  @b synchronize {
    width: var(--synchronize-width);
    height: var(--synchronize-height);
    line-height: @height;
    display: flex;
    text-justify: center;
    align-items: center;
    color: var(--synchronize-color);
    font-size: var(--synchronize-font-size);
    padding-bottom: 0.15rem;
    cursor: pointer;
    @e state-title {
      text-align: center;
      width: var(--synchronize-state-title-width);
      height: var(--synchronize-state-title-height);
      line-height: @height;
      padding-top: 0.08rem;
    }
    @e state-dot {
      text-align: center;
      width: var(--synchronize-state-dot-width);
      height: var(--synchronize-state-dot-height);
      line-height: @height;
      font-size: 1.0rem;
      @m todo {
        color: var(--synchronize-state-dot-todo-color);
      }
      @m doing {
        color: var(--synchronize-state-dot-doing-color);
      }
      @m success {
        color: var(--synchronize-state-dot-success-color);
      }
      @m failure {
        color: var(--synchronize-state-dot-failure-color);
      }
      @m force-todo {
        color: var(--synchronize-state-dot-todo-color);
      }
    }
  }
}